<template>
  <view class="uni-nav-bar">
    <uni-nav-bar :border="false" :fixed="true" status-bar left-icon="left" title="我的订单" @clickLeft="back" />
  </view>
</template>

<script>
export default {
  name: "navBar",
  methods: {
    back() {
      this.$emit('back')
    }
  }
}
</script>

<style lang="less">
  .uni-nav-bar {
    background: red;
    .uni-nav-bar >>> .uni-navbar__content {
      background: linear-gradient(180deg, #FDD048 0%, #FAF6ED 100%) !important;
      .uni-navbar__header {
        background: transparent !important;
      }
    }
  }
</style>